.user-wrapper { background: #eee; min-height: 300px; }
span.wait { color: orangered; font-weight: bold }
span.success { color: darkgreen; font-weight: bold }
span.cancel { color: #888; }

.user-main { width: 980px; margin: 0 auto; padding-top: 20px; }
.user-left { width: 260px; float: left; background: #fff; margin-bottom: 20px; }
.user-left dl { margin-bottom: 10px; }
.user-left dt { text-indent: 10px; margin: 0 20px; width: 220px; font-size: 18px; border-bottom: 1px solid #ddd; height: 50px; line-height: 50px; }
.user-left dd { height: 40px; line-height: 40px; text-indent: 30px; font-size: 14px; }
.user-left dd a { display: block; width: 257px; color: #666; border-left: 3px solid #fff; }
.user-left dd a:hover { color: #2970b2; border-left: 3px solid #2970b2; text-decoration: none; }
.user-left dd a.sel { color: #2970b2; border-left: 3px solid #2970b2; text-decoration: none; }
.user-right { width: 700px; margin-bottom: 20px; float: right; }
.user-right .hd span { float: right; margin-right: 10px; }
.user-right .hd { border-top: 3px solid #236bb0; background-color: #fff; height: 50px; line-height: 50px; text-indent: 20px; font-size: 16px; font-weight: bold }
.user-right .tab { margin-bottom: 20px; }
.user-right .tab li { margin-bottom:-1px;border-top: 3px solid #236bb0;border-left:1px solid #ddd;border-right:1px solid #ddd;  height: 50px; line-height: 50px; font-size: 16px;display: inline-block; padding: 0 25px; text-indent: 0; margin-right: 20px; background: #ddd;  }
.user-right .tab li.active { background: #fff;font-weight: bold }
.user-right .tab .body { border: 1px solid #ddd; background: #fff;}
.user-right .tab .body .bd {padding-top:25px;}

.user-info { background-color: #fff; padding: 20px; height: 150px; }
.user-info img { float: left; width: 150px; height: 150px; -moz-border-radius: 150px; -webkit-border-radius: 150px; border-radius: 150px; }
.user-info h3 { margin: 10px 0; font-weight: normal; font-size: 24px; color: darkorange; }
.user-info h3 b { font-weight: normal; color: #333; margin-left: 20px; margin-right: 15px; }
.user-info .userinfo-list { margin-left: 20px; line-height: 30px; }
.user-info p { text-indent: 20px; font-size: 14px; height: 36px; line-height: 36px }
.user-info p b { color: orangered }
.user-info p span { margin-right: 5px; color: #666; font-weight: bold }
.user-desc { margin-bottom: 20px; background-color: #fdfeff; border-top: 1px solid #ddd; }
.user-desc li { float: left; width: 175px; height: 80px; padding-top: 20px; overflow: hidden; border-right: 1px solid #ddd; text-align: center; font-size: 14px; color: #666; }
.user-desc li h3 { font-size: 14px; vertical-align: baseline; height: 30px; line-height: 30px; font-weight: normal; }
.user-desc li a { font-size: 24px; text-decoration: underline; color: #2970b2; }
.user-desc li span { font-size: 24px; color: orangered; }
.user-table { margin-bottom: 20px;background: #fff }
.user-table .bd{padding:0 10px 10px;border-top: 1px solid #ddd;}
.user-table table { background-color: #fdfeff; border-top: 1px solid #ddd; border-left: 1px solid #ddd;margin-top:10px; }
.user-table table tr {  }
.user-table table tr.thead { height: 40px; line-height: 40px; font-weight: bold; font-size: 15px; }
.user-table table tr.line { height: 35px; line-height: 35px; }
.user-table table td { vertical-align: middle; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.user-table table td.user-img-info  { width:85px; }
.user-table table td.user-img-info img { padding:10px ;width:65px;float:left; height: 65px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.user-table table td.user-img-info.two  { width:70px; }
.user-table table td.user-img-info.two img { padding:10px ;width:50px;float:left; height: 50px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.user-table table td.user-table-info { line-height: 25px;overflow:hidden;padding:10px 0 10px 10px }
.user-table table td.user-table-info img { float:left;margin-right: 20px;margin-top:5px;width: 65px; height: 65px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.user-table table td.user-table-info.two img {  margin-top:0;width: 50px; height: 50px; }
.user-table table td.user-table-info a { float: left;  font-size: 12px; color: #333; }
.user-table table td.user-table-info.two a {  font-size: 14px; }
.user-table table td.user-table-info b { font-size:14px; }
.user-table table td.user-table-info span { display: inline-block; color: #c33; }
.user-table table td.user-table-info p { white-space: pre-wrap;
	word-wrap: break-word;
	word-break: break-all;overflow:hidden;height:50px;}
.user-table table td.user-table-info i { display: inline-block; margin-right: 10px; font-style: normal; color: #666; }
.user-table table td.user-table-method{ text-align: center; font-size: 14px; color: #333;padding:0 10px; }
.user-table table td.user-table-time { text-align: center; font-size: 14px; color: #999; }
.user-table table td.user-table-method p { line-height: 25px; }
.user-table table td.user-table-method .money { color: orangered }
.user-table table td.user-table-method .del { text-decoration: line-through; }
.user-table table td.user-table-time { width: 100px; }
.user-table table td.user-table-button { width: 90px; text-align: center }
.user-table table td.user-table-button a { display: inline-block; padding: 0 15px; height: 30px; line-height: 30px; text-align: center; color: #fff; background-color: #2970b2; }
.user-table table td.user-table-button a.pay { background-color: orangered; }
.user-table table td.user-table-button a.cancel { background-color: #aaa;}
.user-table table td.user-table-button a:hover { text-decoration: none; }
.user-msg { border: 1px dashed #f29b76; background: #fffdfa; margin-bottom: 20px; }
.user-msg h3 { font-size: 14px; color: #666; margin-left: 20px; height: 50px; line-height: 50px; }
.user-msg p { color: #666; font-size: 14px; margin-left: 20px; line-height: 30px; margin-bottom: 25px; }
.user-msg a { color: #2970b2; text-decoration: underline; }
.user-msg b { font-weight: normal; color: #c33; }
.user-connect { margin-bottom: 20px; }
.user-connect .bd { background-color: #fdfeff; border-top: 1px solid #ddd; }
.user-connect label { display: block; font-size: 14px; color: #236bb0; margin-top: 18px; margin-left: 20px; }
.user-connect input { width: 506px; height: 28px; margin-top: 8px; margin-left: 20px; border: 1px solid #ccc; font-size: 14px; text-indent: 10px; background-color: #fff; }
.user-connect span { display: block; margin-top: 6px; margin-left: 20px; margin-bottom: 14px; color: #999; font-size: 14px; }
.user-connect span b { font-weight: normal; color: #c33; }
.user-connect span a { color: #2970b2; text-decoration: underline; }
.user-connect button { margin-left: 20px; margin-top: 12px; margin-bottom: 20px; }
.user-status { margin-bottom: 20px; }
.user-status .bd { background-color: #fdfeff; border-top: 1px solid #ddd; color: #666; padding-top: 10px; padding-bottom: 12px; }
.user-status p { margin-left: 20px; line-height: 30px; font-size: 14px; }
.user-status b { font-weight: normal; color: #c33; }
.user-log { margin-bottom: 20px; }
.user-log .bd { background-color: #fdfeff; border-top: 1px solid #ddd; padding: 10px 20px}
.user-log table { }
.user-log td { height: 34px; line-height: 40px; font-size: 14px; }
.user-log .user-log-time { width: 90px; text-indent: 20px; color: #226bb0; }
.user-log .user-log-flag { width: 35px; text-indent: -999em; }
.user-log .user-log-flag i { display: block; width: 20px; background-image: url(../image/user-update_03.gif); background-repeat: no-repeat; }
.user-log .user-log-flag i.user-log-success { background-position: 0 -35px; }
.user-log .user-log-info { font-size: 14px;width: 525px; padding-right: 20px; }

.user-form .bd { background-color: #fdfeff; border-top: 1px solid #ddd; padding-top: 10px; padding-bottom: 12px; margin-bottom:20px;}
.user-form .unit{	margin-left:20px;margin-bottom:20px;}
.user-form input,.user-form textarea{width:440px;}
.user-form select{width:450px;}
.user-form .name {	display: inline-block; font-size: 14px; color: #236bb0; height:40px;line-height:40px;width:150px;text-align:right;vertical-align: top;}
.user-form .value {display: inline-block; }
.user-form .text{font-size: 14px;  height:40px;line-height:40px;}
.user-form .text i{color:orangered;font-weight: bold}
.user-form input{height: 35px;}
.user-form input[type=text],.user-form input[type=password] {	border-radius: 4px;	height: 30px;	background: #fff;	margin: 0;	outline: none;	border: 1px solid #CCC;	padding: 5px;	-webkit-box-shadow: #DFDFDF 0 1px 2px 0 inset;	box-shadow: #DFDFDF 0 1px 2px 0 inset;	color: #666;	font:14px/1.6 normal;}
.user-form select {	border-radius: 4px;	height: 40px;	font: 14px/30px 'Microsoft YaHei',tahoma,arial;	background: #fff;	overflow: hidden;	margin: 0;	border: 1px solid #CCC;	padding: 5px;	-webkit-box-shadow: #DFDFDF 0 1px 2px 0 inset;	box-shadow: #DFDFDF 0 1px 2px 0 inset;	color: #666}
.user-form textarea {	vertical-align: middle;	border-radius: 4px;	background: #fff;	overflow: hidden;	margin: 0;	outline: none;	border: 1px solid #CCC;	padding: 5px;	-webkit-box-shadow: #DFDFDF 0 1px 2px 0 inset;	box-shadow: #DFDFDF 0 1px 2px 0 inset;	color: #666;	font: 14px/1.6 'Microsoft YaHei',tahoma,arial;}
.user-form .button { display:inline-block;margin-left: 170px;  margin-bottom: 20px; }
.user-form .option { line-height: 35px;margin:0 20px 0 5px;vertical-align: top;font-size:14px; }

.btn { text-indent: 0; display: inline-block; padding: 0 20px; height: 40px; line-height: 40px; font-size: 14px; text-align: center; background: #428bca; border: 1px solid #428bca; color: #fff; cursor: pointer; }
.btn:hover { background: #3071a9; border-color: #285e8e; color: #fff }
.btn.cancel { background: #fff; border-color: #ccc; color: #666; }
.btn.cancel:hover { background: #e6e6e6; border-color: #adadad; color: #666; }
.btn.success { background: #5cb85c; border-color: #4cae4c; }
.btn.success:hover { background: #449d44; border-color: #398439; }
.btn.pay { background: orange; border-color: orange; }
.btn.pay:hover { background:orangered ; border-color: orangered; }
.btn.small { height: 30px; line-height: 30px; padding: 0 10px; font-size: 13px }

.pages { background-color: #fff; margin-bottom: 20px; padding: 30px 0; text-align: center; }
.pages span { border: 1px solid #ddd; padding: 5px 8px; margin-right: 5px; }
.pages .all { padding: 0; border: none; margin: 0 10px; }
.pages .current { border: none; color: #fff; background-color: #ccc; }
.pages a { border: 1px solid #ddd; padding: 5px 8px; margin-right: 5px; }
.pages a:hover { color: #fff; background-color: #387FC2; text-decoration: none; }

.panel {	background: #fff;}

.user-avatar { background-color: #fff; padding: 20px;}
.user-avatar .avatar-img { float: left; width: 150px; height: 150px; -moz-border-radius: 150px; -webkit-border-radius: 150px; border-radius: 150px; }
.user-avatar .jcrop-holder > div > div {	border-radius: 50%;}
.user-avatar h3 { margin: 10px 0; font-weight: normal; font-size: 20px;}
.user-avatar .text { font-size: 15px;  }
.user-avatar .text-danger { color:red }
.user-avatar .cron_avatar{margin-top:20px}

.message-list ul{*zoom:1;padding-left: 20px;padding-right: 20px;}
.message-list ul li{padding-top:30px;}
.message-list ul li .highlight{color:#f00;background-color:#ff0;padding:0 3px;border-radius:3px;box-shadow:2px 2px 2px #ccc;margin:0 2px;}
.message-list ul li dl dt{float:left;width:80px;text-align:center;overflow:hidden;}
.message-list ul li dl dt .thumb{line-height:0;font-size:0;-moz-border-radius: 80px; -webkit-border-radius: 80px; border-radius: 80px;}
.message-list ul li dl dt .username{height:30px;line-height:30px;font-size:14px;}
.message-list ul li dl dt img{-moz-border-radius: 80px; -webkit-border-radius: 80px; border-radius: 80px;}
.message-list ul li dl dd{border:1px solid #e8dc91;background-color:#ffffef;margin:0 100px;_margin-left:97px;padding:5px 15px;position:relative;*zoom:1;}
.message-list ul li dl dd em.new,
.message-list ul li dl dd .arrow,
.message-list ul li dl dd .arrow em,
.message-list ul li dl dd .shadow{position:absolute;}
.message-list ul li dl dd em.new{top:-10px;right:-15px;color:#fff;background-color:#f60;font-size:12px;line-height:16px;padding:0 5px;border-radius:10px;box-shadow:1px 1px 1px #999;}
.message-list ul li dl dd .arrow{font-family:"\5b8b\4f53";top:10px;left:-12px;font-size:24px;color:#e8dc91;}
.message-list ul li dl dd .arrow em{top:0;left:1px;color:#ffffef;}
.message-list ul li dl dd .shadow,
.message-list ul li dl dd .shadow p{position:relative;font-size:0;line-height:0;border-left:1px solid #e8dc91;border-right:1px solid #e8dc91;border-bottom:1px solid #e8dc91;}
.message-list ul li dl dd .shadow{margin:0 -12px -12px;padding:6px 4px 0;*zoom:1;}
.message-list ul li dl dd .shadow p{margin-bottom:-7px;height:6px;}
.message-list ul li dl dd .title{color:gray;}
.message-list ul li dl dd .content{font-size:14px;margin:10px 0;line-height:30px;padding:5px;border: 1px solid #dadada;	background: #fff;	border-radius: 5px;	-webkit-border-radius: 5px;}
.message-list ul li dl dd .content .talk-content{white-space:pre-wrap;*white-space:pre;word-wrap:break-word;word-break:break-all;}
.message-list ul li dl dd .message-menu{color:gray;margin-bottom:5px;text-align: right}
.message-list ul li dl dd .message-menu .sidemenu{float:right;}
.message-list ul li dl dd .message-menu a{margin:0 6px;}
.message-list ul li.sender dl dt{float:right;}
.message-list ul li.sender dl dd{background-color:#ecf5fe;border-color:#afc3e9;_margin-left:100px;_margin-right:97px;}
.message-list ul li.sender dl dd .arrow{left:auto;right:-13px;color:#afc3e9;}
.message-list ul li.sender dl dd .arrow em{color:#ecf5fe;left:auto;right:1px;}
.message-list ul li.sender dl dd .shadow,
.message-list ul li.sender dl dd .shadow p{border-color:#afc3e9;}
.message-list ul li .message{position:relative;background-color:#fff;border:1px solid #ddd;padding:0 10px;}
.message-list ul li .message em.new{position:absolute;top:-10px;right:-15px;color:#fff;background-color:#f60;font-size:12px;line-height:16px;padding:0 5px;border-radius:10px;box-shadow:1px 1px 1px #999;}
.message-list ul li .message h4{margin-top:10px;}
.message-list ul li .message .content{font-size:14px;margin:5px 0;word-wrap:break-word;word-break:break-all;}
.message-list ul li .message .message-menu{color:gray;margin-bottom:5px;}